<template>
  <div class="d-inline-block ai-center border boder-light-secondary jc-center border wu-button px-4 py-3 fs-md">
    <div class="d-flex">
      <slot name="icon">
        <i v-if="iconName" class="iconfont text-primary mr-3" :class="`icon-${iconName}`"></i>
      </slot>
      <slot />
    </div>
  </div>
</template>

<script>
export default {
  props: {
    iconName: {
      type: String
    }
  }
};
</script>

<style scoped lang="scss">
.wu-button {
    background-color: rgb(252,252,252);
  border-radius: 0.2308rem;
  i {
    font-size: 1.6154rem;
  }
}
</style>